<lv-group lvDirection="vertical" lvGutter="16px">
  <h3>问题场景一：内容为中文字符时，出现省略号鼠标移入无tips显示</h3>
  <div style="width: 100px" lv-overflow>。。。。。。。。。</div>
  <h3>问题场景二： 设置height后，出现省略号鼠标移入无tips显示</h3>
  <div style="width: 100px; height: 40px" lv-overflow>
    The story begins as Don Vito Corleone, the head of a New York Mafia family, overseeshis daughter's wedding.
  </div>
  <h3>问题场景三： 设置line-height后，导致height变小，未出现省略号鼠标移入却有tips显示</h3>
  <div style="width: 100px; line-height: 16px" lv-overflow>
    The story
  </div>
  <h3>问题场景四：设置宽度为126.7px，出现省略号鼠标移入无tips显示</h3>
  <div style="width: 126.7px" lv-overflow>G-CETV2135000041</div>
  <h3>问题场景五：设置宽度为126.08px，未出现省略号鼠标移入却有tips显示</h3>
  <div style="width: 127.08px" lv-overflow>G-CETV2135000041</div>
  <h3>问题场景六：设置paddingRight为20px，出现省略号鼠标移入无tips显示</h3>
  <div style="width: 200px; padding-right: 20px" lv-overflow>The story begins as Don Vito</div>
  <h3>问题场景七：设置borderRight为20px，出现省略号鼠标移入无tips显示</h3>
  <div style="width: 200px; border-right: 20px solid" lv-overflow>The story begins as Don Vito</div>
  
  <h3>问题场景八：火狐浏览器内容为全中文，宽度为20px时，不出现省略号</h3>
  <!-- 因为一个中文字符的宽度是14px，省略号的宽度是10px，chrome上设置20px只有只有两个点，而火狐是宽度不够不显示省略号 -->
  <div style="width: 20px" lv-overflow>是否是否</div>
  <!-- 至少24px可解决此问题 -->
  <div style="width: 24px" lv-overflow>是否是否</div>
</lv-group>
